<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>MQ–3.1. Задача 3 — Список товаров в интернет-магазине</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet">
    <link rel="stylesheet" href="./css/list-common.css">
    <link rel="stylesheet" href="./css/list.css">
    <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
</head>
<body>
  <div class="products">
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod1.png" class="product__preview" alt="Apple iPhone 7">
      </div>
      <div class="product__body">
        <h3 class="product__name">Apple iPhone 7 32Gb Black Смартфон</h3>
        <span class="product__price">43 989 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod2.png" class="product__preview" alt="Apple iPhone 8">
      </div>
      <div class="product__body">
        <h3 class="product__name">Apple iPhone 8 64Gb Space Gray Смартфон</h3>
        <span class="product__price">56 989 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod3.png" class="product__preview" alt="Apple iPhone 5S">
      </div>
      <div class="product__body">
        <h3 class="product__name">Apple iPhone 5S 16Gb Space Gray Смартфон</h3>
        <span class="product__price">16 899 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod4.png" class="product__preview" alt="Apple iPhone 8">
      </div>
      <div class="product__body">
        <h3 class="product__name">Apple iPhone 8 64Gb Gold Смартфон</h3>
        <span class="product__price">56 989 ₽</span>
      </div>
    </article>  
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod5.png" class="product__preview" alt="Apple iPhone SE">
      </div>
      <div class="product__body">
        <h3 class="product__name">Apple iPhone SE 128Gb Space Gray Смартфон</h3>
        <span class="product__price">28 989 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod6.png" class="product__preview" alt="Samsung Galaxy Note 8">
      </div>
      <div class="product__body">
        <h3 class="product__name">Samsung Galaxy Note 8 64Gb Черный Бриллиант Смартфон</h3>
        <span class="product__price">69 989 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod7.png" class="product__preview" alt="Samsung Galaxy S7">
      </div>
      <div class="product__body">
        <h3 class="product__name">Samsung Galaxy S7 4G 32Gb DS Black Смартфон</h3>
        <span class="product__price">29 990 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod8.png" class="product__preview" alt="Samsung Galaxy A5">
      </div>
      <div class="product__body">
        <h3 class="product__name">Samsung Galaxy A5 (2017) 4G 32Gb Black Смартфон</h3>
        <span class="product__price">22 990 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod9.png" class="product__preview" alt="Samsung Galaxy S8">
      </div>
      <div class="product__body">
        <h3 class="product__name">Samsung Galaxy S8 4G 64Gb Black Смартфон</h3>
        <span class="product__price">49 990 ₽</span>
      </div>
    </article>
    <article class="product">
      <div class="product__imgbox">
        <img src="img/prod10.png" class="product__preview" alt="Samsung Galaxy A5">
      </div>
      <div class="product__body">
        <h3 class="product__name">Samsung Galaxy A5 (2017) 4G 32Gb Gold Смартфон</h3>
        <span class="product__price">22 990 ₽</span>
      </div>
    </article>  
  </div>
</body>
</html>
